<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="test3.css" rel="stylesheet" rel="stylesheet" />
<link href="../media/css/superfish.css" rel="stylesheet" />
</head>

<body>
<div class="nav-content">
	<div class="nav-label">
    	<span style="margin-left:10px;">欢迎你，XXX</span>
    </div>
	<div class="nav-list">
    	<ul>
        	<li><a href="javascript:void(0);">通知管理</a></li>
            <li class="">
          <a href="followed.html" class="sf-with-ul">人员管理</a>
          <div class="sf-mega" style="display: none;">
            <div class="sf-mega-section">
              <h2>list heading:</h2>
              <ul>
                <li class="current"><a href="followed.html">menu item</a></li>
                <li><a href="followed.html">menu item</a></li>
                <li><a href="followed.html">menu item</a></li>
                <li><a href="followed.html">menu item</a></li>
                <li><a href="followed.html">menu item</a></li>
              </ul>
            </div>

            <div class="sf-mega-section">
              <h2>list heading:</h2>
              <ul>
                <li class="current"><a href="followed.html">menu item</a></li>
                <li><a href="followed.html">menu item</a></li>
                <li><a href="followed.html">menu item that is longer</a></li>
                <li><a href="followed.html">menu item</a></li>
                <li><a href="followed.html">menu item</a></li>
              </ul>
            </div>

            <div class="sf-mega-section">
              <h2>list heading:</h2>
              <ul>
                <li class="current"><a href="followed.html">menu item</a></li>
                <li><a href="followed.html">menu item</a></li>
                <li><a href="followed.html">menu item</a></li>
                <li><a href="followed.html">menu item</a></li>
                <li><a href="followed.html">menu item</a></li>
              </ul>
            </div>

            <div class="sf-mega-section">
              <h2>list heading:</h2>
              <ul>
                <li class="current"><a href="followed.html">menu item</a></li>
                <li><a href="followed.html">menu item</a></li>
                <li><a href="followed.html">menu item</a></li>
                <li><a href="followed.html">menu item</a></li>
                <li><a href="followed.html">menu item</a></li>
              </ul>
            </div>
          </div>
        </li>
            <li><a href="javascript:void(0);">注销</a></li>
        </ul>
    </div>
</div>
<script type="text/javascript" src="../media/js/jquery.min.js"></script>
<script type="text/javascript" src="../media/js/superfish.js"></script>
<script>

    (function($){ //create closure so we can safely use $ as alias for jQuery

      $(document).ready(function(){
        
        var exampleOptions = {
          speed: 'fast'
        }
        // initialise plugin
        var example = $('#example').superfish(exampleOptions);

        // buttons to demonstrate Superfish's public methods
        $('.destroy').on('click', function(){
          example.superfish('destroy');
        });

        $('.init').on('click', function(){
          example.superfish(exampleOptions);
        });

        $('.open').on('click', function(){
          example.children('li:first').superfish('show');
        });

        $('.close').on('click', function(){
          example.children('li:first').superfish('hide');
        });
      });

    })(jQuery);


    </script>
</body>
</html>
